<template>
  <div class="bo">
    <Top></Top>
    <Banner id="4"></Banner>
    <chamber></chamber>
    <div class="war">
      <div class="area-center">
        <!-- 版心区域 -->
        <head-page title="会员待遇(免费)"> </head-page>
        <div class="center richText bold-size m-t-0" v-html="content"></div>
      </div>
    </div>
  </div>
</template>
  
  <script>
import Top from "@/components/Home/TopPage.vue";
import Banner from "@/components/Home/BannerView.vue";
import chamber from "@/components/Home/CommCe.vue";
import { getTTreatment } from "@/api/chambe";
export default {
  components: {
    Top,
    Banner,
    chamber,
  },
  data() {
    return {
      content: "",
    };
  },
  mounted() {
    getTTreatment({
      treatmentName: "会员待遇",
    }).then((res) => {
      this.content = this.dataHTML(res.data);
    });
  },
};
</script>
  
  <style scoped>
/* 大盒子区域 */
.bo {
  width: 100%;
  /* height: 100%; */
}
/* 底部区域 */
.bottom {
  width: 100%;
  min-height: 2.78rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 版心区域 */
.center {
  width: 95%;
  background-color: white;
}
/* 标题区域 */
h3 {
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  padding-left: 0.03rem;
}
/* 文字区域 */
.wen {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  font-weight: 700;
}
/* 图标区域 */
.top h3 img {
  width: 0.25rem;
}
</style>